<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <script src="./js/libs/jquery-1.12.3.js"></script>
    <script src="./js/login.js"></script>
    <script src="./js/libs/jquery.cookie.js"></script>
    <script src="./js/libs/jquery.idcode.js"></script>
    <script src="./js/libs/layer/layer.js"></script>
    <script src="./js/libs/validate/jquery.validate.js"></script>
    <link rel="stylesheet" href="./css/jquery.idcode.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./css/header2.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1443641_0mmm73gfs2dl.css">
</head>
<script>
    $(function () {
        (function () {
            $(".header2").load("./header2.html");
            $(".footer").load("./footer.html")
        })()
        $(".tab-list>.tab").click(function () {
            $(this).addClass("current").siblings().removeClass("current")
        })
        $(".tab-list>.tab").eq(0).click(function () {
            $(".content").eq(0).show().siblings().hide()
        })
        $(".tab-list>.tab").eq(1).click(function () {
            $(".content").eq(1).show().siblings().hide()
        })
    })
</script>

<body>
    <div class="header2" id="header2"></div>
    <div class="main">
        <div class="main-Con">
            <ul class="tab-list">
                <li class="tab current">短信登录</li>
                <li class="tab">密码登录</li>
            </ul>
            <ul class="content-list">
                <li class="content">
                    <form>
                        <p>请输入手机号码</p>
                        <p><input type="text" name="uphone1"></p>
                        <p>图形验证码</p>
                        <p><input type="text"  id="Txtidcode" class="txtVerification"><span id="idcode"></span></p>
                        <p>请输入短信验证码</p>
                        <p><input type="text" name="utelcode"></p>
                        <p><a href="#">注册账号</a></p>
                        <p><button>登录</button></p>
                    </form>
                    <div class="box">
                        <p><a href="#">使用其他网站账号登录</a></p>
                        <ul>
                            <li><i class="iconfont icon-weixin1" style="color:#4CBF00"></i></li>
                            <li><i class="iconfont icon-qq" style="color:#68BCF3"></i></li>
                        </ul>
                    </div>
                </li>
                <li class="content">
                    <form>
                        <p>请输入登录账号（手机/邮箱/用户名）</p>
                        <p><input type="text" name="uphone"></p>
                        <p>请输入密码</p>
                        <p><input type="text" name="upwd"></p>
                        <p><a href="reg.html">找回密码？&nbsp;|&nbsp;注册账号</a></p>
                        <p><button>登录</button></p>
                    </form>
                    <div class="box">
                        <p><a href="#">使用其他网站账号登录</a></p>
                        <ul>
                            <li><i class="iconfont icon-weixin1" style="color:#4CBF00"></i></li>
                            <li><i class="iconfont icon-qq" style="color:#68BCF3"></i></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer" id="footer"></div>
</body>

</html>